<script type="text/javascript" src="lib/app/all.js"></script>

<br><br>
<div id="form_main" class="px1000 clearfix">
	<div id="login1" class="left_form" >
		<table class="table table-bordered">
			<caption>确认订单</caption>
			<thead>
				<tr>
					<th>产品名称</th>
					<th>产品周期</th>
					<th>年化回报率</th>
					<th>起投金额</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>{{order.pid.name}}</td>
					<td>{{order.pid.week}}天</td>
					<td>{{order.pid.shouyi}}%</td>
					<td>{{order.pid.join}}</td>
				</tr>
			</tbody>
		</table>
		<br>
		<form class="bs-example bs-example-form" role="form">
				<span class="input-group-addon">购买金额
					<em>{{order.payAmount}}元</em>	
				</span>
			<br>
			<div class="switch">
				<h2>请选择支付方式【目前只支持支付宝】</h2>
			    <img src="images/zhifubao.png" style="height:60px;padding:10px 0" />
			</div>
			<br><br>			
		    <p style="text-align: right;">
				<button id="register" class="btn btn-primary" 
					ng-click="generate()"
					style="width:200px;"
					data-loading-text="处理中..." 
	   				type="button"> 确认并支付
	   			</button>
			</p>
		</form>
	</div>
</div>
<style>
	#form_main{
		padding-left: 20%;
	}
	em{
		font-size: 20px;
		font-weight: bold;
		color: #000000;
		padding: 0 10px;
	}
	.left_form {
	    border: 1px solid #ddd;
	    padding: 40px;
	    width: 500px;
	}
	.input-group-addon {
	    font-size: 16px;
	    color: #607d8b;
	    background-color: #fff;
	    border: 0;
	    text-align: right;
	}
	.table-bordered>tbody>tr>td{
		font-weight: bold;
		font-size: 15px;;
	}
	.btn-primary {
	    background-color: #FF9800;
	    border-color: #FFC107;
	}
	.form-control{
		font-size: 17px;
	}		
</style>